import { useMainStore } from '../store/index';
const store = useMainStore();
export const railStyle = ({ focused, checked }: any) => {
    const style = {
      background: "",
      boxShadow: "",
    };
    if (checked) {
      style.background = store.theme == "default" ? "#18A058" : "#409EFF";
      if (focused) {
        style.boxShadow = `0 0 0 2px ${
          store.theme == "default" ? "#18A058" : "#409EFF"
        }`;
      }
    } else {
      style.background = "#888";
      if (focused) {
        style.boxShadow = "0 0 0 2px #888";
      }
    }
    return style;
  };